!!! 5
html(lang="en")
	head
		title StoryMap Use Case Test
		meta(charset='utf-8')
		meta(name='description', content='TimelineJS Embed')
		meta(name='apple-mobile-web-app-capable', content='yes')
		meta(name='apple-touch-fullscreen', content='yes')
		meta(name='viewport', content='width=device-width, initial-scale=1.0, maximum-scale=1.0')
		// CSS
		link(rel='stylesheet', href='../css/storymap.css?v1')
		//link(rel='stylesheet', href='../css/fonts/font.oldstandard.css?v1')
		//link(rel='stylesheet', href='../css/fonts/font.opensans-gentiumbook.css?v1')
		link(rel='stylesheet', href='../css/fonts/font.default.css?v1')
		//link(rel='stylesheet', href='../css/fonts/font.pt.css?v1')
		//link(rel='stylesheet', href='../css/fonts/font.lustria-lato.css?v1')
		//link(rel='stylesheet', href='../css/fonts/font.fjalla-average.css?v1')
		//link(rel='stylesheet', href='../css/fonts/font.dancing-ledger.css?v1')
		//link(rel='stylesheet', href='../css/fonts/font.bitter-raleway.css?v1')
		//link(rel='stylesheet', href='../css/fonts/font.rufina-sintony.css?v1')
		//link(rel='stylesheet', href='../css/fonts/font.abril-droidsans.css?v1')
		//link(rel='stylesheet', href='../css/fonts/font.amatic-andika.css?v1')
		//link(rel='stylesheet', href='../css/fonts/font.medula-lato.css?v1')
		//link(rel='stylesheet', href='../css/fonts/font.clicker-garamond.css?v1')
		
		
		//FONT
		//link(rel='stylesheet', href='http://fonts.googleapis.com/css?family=Bevan%7CPontano+Sans&amp;subset=latin,latin')
		
		// Style
		style
			html, body {
				
				width:100%;
				padding: 0px;
				padding-left:20px;
				margin: 0px;
				
			}
			.vco-storymap {
				margin-bottom:25px;
			}
			#storymap1 {
				width:600px;
				height:900px;
				border: 1px solid #999;
			}
		// HTML5 shim, for IE6-8 support of HTML elements
		//if lt IE 9
			script(src='https://html5shim.googlecode.com/svn/trunk/html5.js')

	body

		div#storymap1
		// JavaScript
		script(src='../js/storymap-min.js')
		script
			var storymap1 = new VCO.StoryMap('storymap1', 'https://www.googledrive.com/host/0B1F_6uBEZHgEYUpWZXl4Vno2LVE/published.json');
			window.onresize = function(event) {
				storymap1.updateDisplay();
			}

